<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>公共页面</title>
</head>
<body>
<!-- Main Header -->
<div class="head" th:fragment="header" id="header">
    <header class="main-header">

        <div class="header-top clearfix">
            <div class="top-left pull-left">
                <div class="text">人生有伤，有痛，有甜更有苦。每一种创伤都是一种成熟，它使人思索，使人坚强，使人更懂珍惜.</div>
            </div>
            <div class="top-right pull-right">
                <ul class="topbar-info">
                    <li><i class="far fa-clock"></i>网站开放时间： 00:00 - 23:59</li>
                    <li><i class="fas fa-phone"></i><a href="tel:18686321683">18686321683</a></li>
                </ul>
            </div>
        </div>

        <div class="header-bottom">
            <div class="outer-container">
                <div class="clearfix">
                    <div class="logo-box">
                        <figure class="logo"><a href="index.html"><img style=" width: 300px; height: 45px;" src="/images/logo.png" alt=""></a></figure>
                    </div>
                    <div class="nav-outer clearfix">
                        <div class="menu-area">
                            <nav class="main-menu navbar-expand-lg">
                                <div class="navbar-header">
                                    <!-- Toggle Button -->
                                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                                            data-target=".navbar-collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="navbar-collapse collapse clearfix">
                                    <ul class="navigation clearfix">
                                        <li><a href="/index">首页</a></li>
                                        <li><a href="/about">关于我们</a></li>
                                        <li><a href="/category/page">自我检测</a></li>
                                        <li><a href="/question">问答</a></li>
                                        <li ><a href="/article">文章</a> </li>
                                        <li><a href="/team">我们的团队</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>
                        <div class="outer-box clearfix">
                            <div class="search-box-outer">
                                <div class="dropdown">
                                    <button class="search-box-btn" type="button" id="dropdownMenu3"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span
                                            class="flaticon-magnifying-glass"></span></button>
                                    <ul class="dropdown-menu pull-right search-panel" aria-labelledby="dropdownMenu3">
                                        <li class="panel-outer">
                                            <div class="form-container">
                                                <form method="post" action="blog.html">
                                                    <div class="form-group">
                                                        <input type="search" name="field-name" value="" id="ArticleName"
                                                               placeholder="请输入文章名" required="">
                                                        <button type="button" id ="searchArticleId" class="search-btn"><span
                                                                class="fa fa-search"></span></button>
                                                    </div>
                                                </form>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="btn-box"><a href="#" class="theme-btn">抑郁症在线检测平台</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--Sticky Header-->
        <div class="sticky-header">
            <div class="container clearfix">
                <figure class="logo-box"><a href="index.html"><img style=" width: 300px; height: 45px;"  src="/images/small-logo.png" alt=""></a></figure>
                <div class="menu-area">
                    <nav class="main-menu navbar-expand-lg">
                        <div class="navbar-header">
                            <!-- Toggle Button -->
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation clearfix">
                                <li><a href="/index">首页</a></li>
                                <li><a href="/about">关于我们</a></li>
                                <li><a href="/category/page">自我检测</a></li>
                                <li><a href="/question">问答</a></li>
                                <li ><a href="/article">文章</a> </li>
                                <li><a href="/team">我们的团队</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div><!-- sticky-header end -->
    </header>
</div>

<div th:fragment="footer" id="footer">

    <!-- subscribe-section -->
    <section class="subscribe-section centred">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 left-column">
                    <div class="left-content">
                        <h2>留下您的手机号方便我们联系您!</h2>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 right-column">
                    <div class="right-content">
                        <h2>留下您的手机号方便<br />我们联系您</h2>
                        <div class="subscribe-form">
                            <div class="form-group">
                                <input type="email" name="phone" placeholder="输入手机号" id="phone" >
                                <button type="button" id="submitButton">提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="scroll-btn scroll-to-target wow zoomIn" data-wow-delay="1000ms" data-wow-duration="1500ms" data-target="html"><i class="flaticon-up-arrow-1"></i></div>
    </section>
    <!-- subscribe-section end -->

    <footer class="main-footer">
        <div class="footer-top">
            <div class="container">
                <div class="widget-section">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 footer-column">
                            <div class="logo-widget footer-widget">
                                <figure class="footer-logo"><a href="index.html"><img style=" width: 300px;" src="/images/footer-logo.png" alt=""></a></figure>
                                <div class="widget-content">
                                    <div class="text">
                                        <p>声明：本网站所提供的任何健康或医药资讯，仅供参考，不能替代医生和其他医务人员的建议，如自行使用本网站资料发生偏差，本站概不负责，亦不负任何法律责任。</p>
                                    </div>
                                    <div class="btn-box"><a href="/category/page" class="theme-btn">自我检测</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
                            <div class="links-widget footer-widget">
                                <h3 class="widget-title">快速连接</h3>
                                <div class="widget-content">
                                    <ul>
                                        <li><a href="/index">首页</a></li>
                                        <li><a href="/about">关于我们</a></li>
                                        <li><a href="/article">历史文章</a></li>
                                        <li><a href="/category/page">自我检测</a></li>
                                        <li><a href="/team">我们的团队</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
                            <div class="contact-widget footer-widget">
                                <h3 class="widget-title">关于网站</h3>
                                <div class="widget-content">
                                    <div class="text">自强不息，努力上进，知耻而后勇.</div>
                                    <ul class="info-list">
                                        <li>郑州轻工业大学</li>
                                        <li><a href="tel:15093122735">15093122735</a></li>
                                        <li><a href="mailto:15093122735@163.com">15093122735@163.com</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="./js/jquery.js"></script>
    <script type="text/javascript">
        $("#submitButton").click(function (){
            var phone = $("#phone").val();
            if (!phone) {
                alert("请输入手机号！");
                return false;
            }

            $.ajax({
                url: '/leave/message/add?phone='+phone,
                success: function (result) {
                    alert(result.msg);
                    return false;
                }
            })

        })

        $("#searchArticleId").click(function (){
            var name = $("#ArticleName").val();
            window.location.href='/search/article?name='+name;
        })
    </script>
</div>
<!-- End Main Header -->
</body>

</html>